body {
	background: #fff;
	font-size: 14px;
	color: #333;
}

.mui-content {
	background: #fff;
	padding-bottom: 44px;
}

.mui-bar-nav {
	box-shadow: none;
	-webkit-box-shadow: none;
	background: #fff;
	z-index: 3000;
	border-bottom: 1px solid #f7f7f7;
}

.slide {
	background: #F3F3EF;
}

.content {
	padding-bottom: 10px;
}

.header {
	padding: 16px;
	background: #fff;
	color: #333;
	position: relative;
	overflow: hidden;
}

.title>div {
	display: inline-block;
}

.title_name {
	font-size: 18px;
	font-weight: bold;
}

.title_read {
	text-align: center;
	float: right;
	color: #707070;
	padding: 0px 4px;
	border-radius: 4px;
	font-size: 12px;
	line-height: 22px;
}

.price {
	display: flex;
    right: 12px;
    float: right;
    bottom: 16px;
}

.discount {
	font-size: 16px;
	font-weight: bold;
}

.costprice {
	font-size: 12px;
	text-decoration: line-through;
	text-decoration-color: #B2B2B2;
	color: #B2B2B2;
}

.introduce {
	margin: 10px 0 14px;
	color: #B2B2B2;
	position: relative;
}

.jiaoyan {
	font-size: 12px;
	position: absolute;
	right: 0;
	bottom: -46px;
	background: #40CC8B;
	color: #fff;
	padding-left: 30px;
	line-height: 32px;
	border-radius: 4px;
	padding-right: 6px;
}

.circumstantial {
	padding-bottom: 90px;
	/*background: red;*/
}

.introduction {
	background: #fff;
	padding: 0px 16px;
	border-bottom: 1px solid red;
}

.epitome {
	color: #BFBFBF;
}

.operation {
	position: fixed;
	bottom: 0;
	z-index: 2000;
	font-size: 16px;
	width: 100%;
	display: flex;
	border-top: 1px solid #E6E6E6;
}

.operation>div {
	flex: 1;
	padding: 0px 0;
	text-align: center;
	background: #fff;
}

.operation>div:last-child {
	border: none;
}

.operation button {
	width: 100%;
	border-radius: 0;
	border: 0;
	line-height: 42px;
	padding: 0;
	border: 1px solid;
}

.bookshelf button {
	border: 1px solid #fff;
}

.operation .through {
	border: 1px solid #21B0FD;
}

.mui-btn-block {
	font-size: 18px;
	display: block;
	width: 100%;
	margin-bottom: 0px;
	padding: 15px 0;
}

.title_read div {
	text-align: center;
}

.titlezi {
	font-size: 14px;
	color: #333;
}

.titlezi_b {
	font-size: 12px;
	color: #95989A;
}

.introduce_b {
	color: #999999;
	font-size: 12px;
}

.author {
	float: left;
	width: 60%;
}

.author>div {
	font-size: 12px;
	color: #999999;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.zi_a {
	margin: 12px 0 4px;
}

.btunow,
.btunoe {
	margin-left: 6px;
	font-size: 12px;
	border-radius: 50px;
	line-height: 26px;
	padding: 0 10px;
}

.btunoe {
	background: #FFBC01;
	border: 1px solid #FFBC01;
}

.mui-btn-blue,
.mui-btn-primary,
input[type=submit] {
	color: #fff;
	border: 1px solid #FFF6E8;
	/*background-color: #21B0FD;*/
}

.comment_hade {
	float: left;
}

.comment_zi {
	float: left;
	width: 80%;
	margin-left: 7px;
}

.contenta {
	width: 100%;
	background: #FFFFFF;
	border-bottom: 1px solid #F2F2F2;
}

.contenta_a {
	overflow: hidden;
	padding: 16px;
}

.contenta:last-child {
	border: none;
}

.content_img {
	float: left;
	width: 14%;
	padding-right: 10px;
}

.content_img img {
	width: 100%;
	border: 1px solid #f2f2f2;
	border-radius: 50%;
}

.time {
	color: #BEBEBE;
}

.cotenta_Publish {
	padding: 5px 0px;
}

.contenta_img {
	width: 33.3%;
	    display: inline-block;
    padding-right: 10px;
}

.contenta_img>img {
	width: 100%;
	vertical-align:middle;
}

.mui-slider .mui-slider-group .img {
	padding: 8% 32%;
	background: #F7F7F7;
}

.strip_str {
	font-size: 14px;
	padding: 0 16px;
	line-height: 44px;
	color: #BEBEBE;
	border-bottom: 1px solid #F2F2F2;
}

.mui-pull-bottom-pocket {
	background: #fff;
}

.passbutton {
	position: relative;
	background: #f3f3ef;
}

.passbutton_img {
	padding-bottom: 10px;
}

.passbutton img {
	width: 100%;
	vertical-align: top;
}

.break {
	position: absolute;
	bottom: 22px;
	right: 10%;
	font-size: 12px;
	border: 1px solid #fff;
	padding: 0 10px;
	line-height: 24px;
	border-radius: 50px;
	color: #fff;
}

.end {
	position: absolute;
	z-index: 2000;
	width: 30px;
	top: 0;
	right: 24px;
}

.end>img {
	width: 100%;
}

.contenta_contenta {
	float: left;
	width: 86%;
}
.truebtunow{
	margin-left: 6px;
	font-size: 12px;
	border-radius: 50px;
	line-height: 26px;
	padding: 0 10px;
	background: #ccc;
	color:#fff;
}
.mui-preview-image.mui-fullscreen {
			position: fixed;
			z-index:3000;
			background-color: #000;
		}
		
		.mui-preview-header,
		.mui-preview-footer {
			position: absolute;
			width: 100%;
			left: 0;
			z-index: 10;
		}
		
		.mui-preview-header {
			height: 44px;
			top: 0;
		}
		
		.mui-preview-footer {
			height: 50px;
			bottom: 0px;
		}
		
		.mui-preview-header .mui-preview-indicator {
			display: block;
			line-height: 25px;
			color: #fff;
			text-align: center;
			margin: 15px auto 4px;
			width: 70px;
			background-color: rgba(0, 0, 0, 0.4);
			border-radius: 12px;
			font-size: 16px;
		}
		
		.mui-preview-image {
			display: none;
			-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
		}
		
		.mui-preview-image.mui-preview-in {
			-webkit-animation-name: fadeIn;
			animation-name: fadeIn;
		}
		
		.mui-preview-image.mui-preview-out {
			background: none;
			-webkit-animation-name: fadeOut;
			animation-name: fadeOut;
		}
		
		.mui-preview-image.mui-preview-out .mui-preview-header,
		.mui-preview-image.mui-preview-out .mui-preview-footer {
			display: none;
		}
		
		.mui-zoom-scroller {
			position: absolute;
			display: -webkit-box;
			display: -webkit-flex;
			display: flex;
			-webkit-box-align: center;
			-webkit-align-items: center;
			align-items: center;
			-webkit-box-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			left: 0;
			right: 0;
			bottom: 0;
			top: 0;
			width: 100%;
			height: 100%;
			margin: 0;
			-webkit-backface-visibility: hidden;
		}
		
		.mui-zoom {
			-webkit-transform-style: preserve-3d;
			transform-style: preserve-3d;
		}
		
		.mui-slider .mui-slider-group .mui-slider-item img {
			width: auto;
			height: auto;
			max-width: 100%;
			max-height: 100%;
		}
		
		.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {
			width: 100%;
		}
		
		.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {
			display: inline-table;
		}
		
		.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {
			display: table-cell;
			vertical-align: middle;
		}
		
		.mui-preview-loading {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			display: none;
		}
		
		.mui-preview-loading.mui-active {
			display: block;
		}
		
		.mui-preview-loading .mui-spinner-white {
			position: absolute;
			top: 50%;
			left: 50%;
			margin-left: -25px;
			margin-top: -25px;
			height: 50px;
			width: 50px;
		}
		
		.mui-preview-image img.mui-transitioning {
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
		}
		
		@-webkit-keyframes fadeIn {
			0% {
				opacity: 0;
			}
			100% {
				opacity: 1;
			}
		}
		
		@keyframes fadeIn {
			0% {
				opacity: 0;
			}
			100% {
				opacity: 1;
			}
		}
		
		@-webkit-keyframes fadeOut {
			0% {
				opacity: 1;
			}
			100% {
				opacity: 0;
			}
		}
		
		@keyframes fadeOut {
			0% {
				opacity: 1;
			}
			100% {
				opacity: 0;
			}
		}
		
		p img {
			max-width: 100%;
			height: auto;
		}